<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Galicia Office</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="content/default/styles.css" />
    <link rel="stylesheet" href="content/default/jquery-ui.css" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="content/default/ie8-and-down.css" />
    <![endif]-->
    <script src="js/jqueryfwk/jquery-1.7.2.min.js"></script>
    <script src="js/jqueryfwk/jquery.customSelect.js"></script>
    <script src="js/Placeholders.min.js"></script>
    <script src="js/site.js"></script>
    <script src="js/jqueryfwk/jquery-ui-1.10.3.custom.min.js"></script>
    <script>
        $(document).ready(function() {

            var fixDividedTableWidth = function() {
                $(".cont-table").each(function() {
                    var currentTable = this;

                    var body = $(currentTable).find(".t-body thead th")
                    var head = $(currentTable).find(".t-head th")

                    var bodyWidth = $($(currentTable).find(".t-body")).width();
                    var tHead = $(currentTable).find(".t-head");

                    var borderHead =  $(currentTable).width() - bodyWidth;

                    $(tHead).css("border-right-width", borderHead);

                    $.each(body, function( index, value ) {
                        var bodyWidth = $(value).width();
                        $(head[index]).css("width", bodyWidth );
                    });

                });
            }
            fixDividedTableWidth();
        });

    </script>
    <!--[if IE]>
    <script src="js/tags-html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="js/IE8.js"></script>
    <![endif]-->
</head>
<body>
    <div id="main-container">
    <header>
        <div class="header-container">
            <div class="left"><img src="images/commons/logo-go.png" alt="Galicia Office" /></div>
            <div class="right header-data">
                <div class="filtro-search" style="display: none;">
                    <a class="default" href="#" title="filtrar búsqueda por">Todos</a>
                    <ul>
                        <li class="todos"><a href="#">Todos</a></li>
                        <li class="funcionalidades activo"><a href="#">Funcionalidades</a></li>
                        <li class="operaciones"><a href="#">Operaciones</a></li>
                        <li class="comunidades"><a href="#">Comunidades</a></li>
                    </ul>
                </div>
                <div class="cont-search-results">
                    <div class="cont-search">
                        <a href="#">Buscar</a>
                        <input type="text" placeholder="Encontrá lo que necesitás hacer en GO..." />
                    </div>
                    <div class="cont-results">
                        <ul>
                            <li class="todos"><a>Resultado 1</a></li>
                            <li class="funcionalidades"><a>Resultado 2</a></li>
                            <li class="operaciones"><a>Extracciones de cajeros automáticos en la provincia de Buenos Aires</a></li>
                            <li class="todos"><a>Resultado 4</a></li>
                        </ul>
                    </div>
                </div>
                <span class="date">16/03/2013 </span><span class="time">18:10</span>
                <button class="icon-out">Salir</button>
            </div>
        </div>
    </header>
        <!---Menu principal --->
        <nav>
            <ul class="main-menu">
                <li class="active"><a href="#">CONSULTAS</a>
                    <div class="hover-menu">
                        <div class="cont-menu"> <!---Contenedor General BOX ---->
                            <div class="cont-menu-compuesto">
                                <ul> <!--SÓLO 5 <LI> -->
                                    <li><span>COBRANZA INTEGRADA GALICIA</span>
                                        <ul class="level-1">
                                            <li>
                                                <a class="inactivo" href="#">link 1-1 muy largo, demsaiado largo
                                                    <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">Se encuentra fuera del horario</div>
                                                    </span>
                                                </a>
                                            </li>
                                            <li><a class="inactivo firma" href="#">Nuevo nombre completo
                                                 <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">Falta firma digital</div>
                                                    </span>
                                            </a></li>
                                            <li><a class="inactivo permiso" href="#">link 4-1
                                                 <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                            </a></li>
                                            <li><a href="#">link 1-3</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Ventanilla electrónica</span>
                                        <ul class="level-1">
                                            <li><a href="#">link 2-1</a>
                                            <li><span>link 2-2</span>
                                                <ul class="level-2">
                                                    <li><a href="#">link 2-2 B</a></li>
                                                    <li><a href="#">link 2-2 C</a></li>
                                                    <li><a href="#">link 2-2 D</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">link 2-3</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Servicios de recaudaciones</span>
                                        <ul class="level-1">
                                            <li><a class="inactivo permiso" href="#">link 4-1
                                             <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                            </a></li>
                                            <li><a href="#">link 4-2</a></li>
                                            <li><a href="#">link 4-3</a></li>
                                            <li><a href="#">link 4-4</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Cobranza con tarjetas</span>
                                        <ul class="level-1">
                                            <li><a href="#">link 5-1</a></li>
                                            <li><a href="#">link 5-2</a></li>
                                            <li><a href="#">link 5-3</a></li>
                                            <li><a href="#">link 5-4</a></li>
                                            <li><a href="#">link 5-5</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Pago directo</a>
                                    </li>
                                </ul>
                                <ul> <!--SÓLO 5 <LI> -->
                                    <li><span>COBRANZA INTEGRADA GALICIA</span>
                                        <ul class="level-1">
                                            <li><a class="inactivo permiso" href="#">link 1-1
                                             <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                            </a></li>
                                            <li><a href="#">link 1-2</a></li>
                                            <li><a href="#">link 1-3</a></li>
                                            <li><a href="#">link 1-4</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Ventanilla electrónica</span>
                                        <ul class="level-1">
                                            <li><span>link 2-2</span>
                                                <ul class="level-2">
                                                    <li><a href="#">link 2-2 B</a></li>
                                                    <li><a class="inactivo firma" href="#">link 2-2 A
                                                     <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene firma digital</div>
                                                    </span>
                                                    </a></li>
                                                    <li><a href="#">link 2-2 D</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">link 2-3</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#" class="inactivo">Transacciones
                                     <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">Falta firma digital</div>
                                                    </span>
                                    </a>
                                    </li>
                                    <li><a class="inactivo permiso" href="#">Operaciones inmediatas</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li><a href="#">TRANSACCIONES</a>
                    <div class="hover-menu">
                        <div class="cont-menu"> <!---Contenedor General BOX ---->
                            <div class="cont-menu-compuesto">
                                <ul> <!--SÓLO 5 <LI> -->
                                    <li><span>COBRANZA INTEGRADA GALICIA</span>
                                        <ul class="level-1">
                                            <li>
                                                <a class="inactivo" href="#">link 1-1 muy largo, demsaiado largo
                                                    <span class="cont-tooltip left">
                                                        <div class="arrow"></div>
                                                        <div class="tooltip">Se encuentra fuera del horario</div>
                                                    </span>
                                                </a>
                                            </li>
                                            <li><a class="inactivo firma" href="#">Nuevo nombre completo
                                                 <span class="cont-tooltip left">
                                                        <div class="arrow"></div>
                                                        <div class="tooltip">Falta firma digital</div>
                                                    </span>
                                            </a></li>
                                            <li><a class="inactivo permiso" href="#">link 4-1
                                                 <span class="cont-tooltip left">
                                                        <div class="arrow"></div>
                                                        <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                            </a></li>
                                            <li><a href="#">link 1-3</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Ventanilla electrónica</span>
                                        <ul class="level-1">
                                            <li><a href="#">link 2-1</a>
                                            <li><span>link 2-2</span>
                                                <ul class="level-2">
                                                    <li><a href="#">link 2-2 B</a></li>
                                                    <li><a href="#">link 2-2 C</a></li>
                                                    <li><a href="#">link 2-2 D</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">link 2-3</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Pago directo</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li><a href="#">COBRANZAS</a></li>
                <li><a href="#">HABERES</a></li>
                <li><a href="#">SOLICITUDES</a></li>
                <li><a href="#">PROVEEDORES</a></li>
                <li><a href="#">COMERCIO EXTERIOR</a></li>
                <li><a href="#">PAGO DE SERVICIOS</a></li>
                <li><a href="#">TARJETAS</a></li>
                <li class="last-child"><a href="#">LINKS ÚTILES</a></li>
            </ul>
        </nav>
        <!--- Left --->
        <aside>
            <div class="company-data">
                <ul class="info">
                    <!--<li class="company-logo"><span><img src="logo-empresa.png" /></span></li>-->
                    <li class="company-name">Nombre de la Empresa</li>
                </ul>
                <p>Ultimo acceso <span>23:45</span></p>
            </div>
            <div class="user">
                <span class="arrow"></span>
                <a class="alerta" href="#">
                    <h1>Nombre de usuario</h1>
                    <p>Configurar mi usuario</p>
                </a>
            </div>
            <ul class="company-links">
                <li class="icon-messages" ><a  href="#"><span class="alerta">Bandeja de Mensajes</span></a>
                </li>
                <li class="icon-admin"><a href="#"><span>Administrar Empresa</span></a></li>
                <li class="icon-consult-oper"><a href="#"><span>Consulta de Operaciones</span></a></li>
                <li class="icon-accept-oper" ><a href="#"><span>Autorizar Operaciones</span></a></li>
                <li class="icon-download-files"><a href="#"><span>Descarga de Archivos</span></a></li>
            </ul>
            <ul class="aside-banners">
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-comunidadRural.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-galiciaComex.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-buenosNegocios.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
            </ul>
        </aside>
        <!--- Right--->
        <section class="container">
        <div class="sub-container">

        <!----- Submenú ---------->

            <!---------Tablas------------>

            <input class="btn back" value="volver" type="submit">
            <INPUT class="btn search" value=Buscar type=submit>
            <INPUT id=pdfButton class="btn pdf" onclick=ExportPDF(); value="Exportar seleccionados" type=button jQuery172024257854347753593="139">
            <a href="#" class="btn pdf">Exportar</a>
            <a href="#" class="btn csv">Exportar</a>
            <ul class="dropdown">
                <li class="btn dropdown">Exportar
                    <ul>
                        <li><a href="#" class="pdf">PDF</a></li>
                        <li><a href="#" class="csv">CSV</a></li>
                        <li><a href="#" class="tab">TAB</a></li>
                    </ul>
                </li>
            </ul>
            <input class="btn search" onclick="return ShowHabitualsTransferencePartial();" value="Buscar Habituales" type="button">
        </div>
     </section>

</body>
</html>